// components/img-upload/index.js
Component({
  behaviors: ['wx://form-field'], //将普通组件配置为表单组件

  /**
   * 组件的属性列表
   */
  properties: {
    imgUrl:''   //接收父子通信参数
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleUpload(){
      //1. 选取本地图像资源
      wx.chooseMedia({
        success:(media)=>{
          console.log('选取的本地图像资源',media);
          let tempUrl = media.tempFiles[0].tempFilePath //本地资源临时路径
          // this.setData({imgUrl:tempUrl})  //测试本地资源可用性
          // 2. 将本地资源上传至云端
          let str = Math.random().toString(36).substring(2) //随机字符串
          let time = Date.now() //时间戳
          let cloudPath = str+time+'.png'
          console.log(str,time);
          wx.cloud.uploadFile({
            filePath:tempUrl, //待上传的本地资源
            cloudPath,   //云端资源名称
            success:(res)=>{
              console.log('云端存储后下发的数据',res);
              this.setData({
                imgUrl:res.fileID,
                value:res.fileID,  //将图片链接提供给表单
              })  //组件内预览
              this.triggerEvent('uploaded',res.fileID)  //将资源链接提供给组件调用者
            }
          })
        }
      })
      
    }
  }
})